<div class="top">
    <div><img src=".//src/assets/modules/Snipaste_2022-12-09_15-37-27.png" alt=""></div>
    <div><img src=".//src/assets/modules/Snipaste_2022-12-09_15-37-21.png" alt=""></div>
    <div><img src=".//src/assets/modules/Snipaste_2022-12-09_15-37-12.png" alt=""></div>
    <div><img src=".//src/assets/modules/Snipaste_2022-12-09_15-36-55.png" alt=""></div>
</div>

<table style="width: 400px;height: 80px;">
    <tr>
        <td rowspan="3" style="width: 50px;"><img src="././/src/assets/modules/Snipaste_2022-12-09_15-37-43.png" alt=""></td>
        <td style="color: #fb7299;">tu你bei行</td>
        <td><img src=".//src/assets/modules/Snipaste_2022-12-09_15-38-13.png" alt=""></td>
    </tr>
    <tr>
        
        <td class="table-big">年度大会员</td>
        
    </tr>
    <tr>
        
        <td style="color: #b5b8bd;font-size: 0.4px;">B币：0.0</td>
        <td style="color: #b5b8bd;font-size: 0.4px;">硬币：1064</td>
    </tr>
</table>
<div class="t-right">空间 ></div> 

<div class="nav">
    <div class="nav-1">
        <div>471</div>
        <div class="nav-title">动态</div>
    </div>
    <div class="nav-2">
        <div>32</div>
        <div class="nav-title">关注</div>
    </div>
    <div class="nav-3">
        <div>5</div>
        <div class="nav-title">粉丝</div>
    </div>
</div>

<div class="banner">
    <div class="discount">
        <div>大会员双12特惠</div>
        <div class="banner-title">限时4.6折，年卡仅需108</div>
    </div>
    <div class="banner-right">></div>
</div>

<table style="width: 100%;height: 70px; text-align: center; padding-top: 16px;" >
    <tr>
        <td ><img src=".//src/assets/modules/Snipaste_2022-12-09_15-38-44.png" alt=""></td>
        <td><img src=".//src/assets/modules/Snipaste_2022-12-09_15-38-54.png" alt=""></td>
        <td><img src=".//src/assets/modules/Snipaste_2022-12-09_15-39-06.png" alt=""></td>
        <td><img src=".//src/assets/modules/Snipaste_2022-12-09_15-39-11.png" alt=""></td>
    </tr>
    <tr class="table-title">
        <td>离线缓存</td>
        <td>历史记录</td>
        <td>我的收藏</td>
        <td>稍后观看</td>
    </tr>
</table>

<div class="release">
    <div class="release-left">
        创作中心
    </div>
    <div class="release-right">
        <img src=".//src/assets/modules/fabu.png" alt="" style="width: 20px;height: 20px;">
        发布
    </div>
</div>

<table style="width: 100%;height: 70px; text-align: center; padding-top: 16px;" >
    <tr>
        <td ><img src=".//src/assets/modules/czsy.png" alt=""></td>
        <td><img src=".//src/assets/modules/gjgl.png" alt=""></td>
        <td><img src=".//src/assets/modules/xsfl.png" alt=""></td>
        <td><img src=".//src/assets/modules/yjhd.png" alt=""></td>
    </tr>
    <tr class="table-title">
        <td>创作首页</td>
        <td>稿件管理</td>
        <td>限时福利</td>
        <td>有奖活动</td>
    </tr>
</table>
<div class="activity">
    <div class="activity-logo"><img src=".//src/assets/modules/qz.png"></div>
    <div class="activity-title">一起回顾你的2022，分万元奖金</div>
    <div class="activity-go">立即参与 ></div>
</div>

<div class="game-center">
    <div class="game-center-left">
        游戏中心
    </div>
    <div class="game-center-right">
        查看更多 >
    </div>
</div>

<table style="width: 100%;height: 70px; text-align: center; padding-top: 16px;" >
    <tr>
        <td ><img src=".//src/assets/modules/wdyx.png" alt=""></td>
        <td><img src=".//src/assets/modules/wdyy.png" alt=""></td>
        <td><img src=".//src/assets/modules/zyx.png" alt=""></td>
        <td><img src=".//src/assets/modules/yxphb.png" alt=""></td>
    </tr>
    <tr class="table-title">
        <td>我的游戏</td>
        <td>我的预约</td>
        <td>找游戏</td>
        <td>游戏排行榜</td>
    </tr>
</table>
<div class="service">
    <span class="text">更多服务</span>
</div>
<ul>
    <li>
        <div>
            <img src=".//src/assets/modules/customer.png" alt="">
            <div class="text1">联系客服</div>
            <div>></div>
        </div>

    </li>
    <li>
        <div>
            <div><img src=".//src/assets/modules/listen.png" alt=""></div>
            <div class="text1">听视频</div>
            <div>></div>
        </div>
    </li>
    <li>
        <div>
            <img src=".//src/assets/modules/guard.png" alt="">
            <div class="text1">青少年守护</div>
            <div>></div>
        </div>
    </li>
    <li>
        <div>
            <img src=".//src/assets/modules/set up.png" alt="">
            <div class="text1">设置</div>
            <div>></div>
        </div>
    </li>
</ul>
<app-menu></app-menu>